.contrast-chart-double {
    padding: 0 32px 49px;
    text-align: left;
    .chart-header {
        display: flex;
        line-height: 48px;
        margin-bottom: 24px;
        .content {
            font-size: 34px;
            color: #191F25;
        }
    }
    .chart-wrap {
        display: flex;
        justify-content: space-between;
        .chart-con {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            // width: 335px;
            width: 48%;
            .colorBox {
                height: 132px;
                display: flex;
                .week-box {
                    background: linear-gradient(90deg, #326EFA 0%, #3296FA 100%);
                }
                .month-box {
                    flex: 1;
                    background: linear-gradient(-90deg, #31CCEB 0%, #31E1EB 100%);
                }
            }
            .content {
                position: absolute;
                top: 0;
                display: flex;
                left: 0;
                right: 0;
                padding: 0 32px;
                .item {
                    flex: 1;
                    color: #fff;
                    &.right {
                        text-align: right;
                    }
                }
                .item-value {
                    font-family: DINCondensed-Bold;
                    margin-top: 20px;
                    font-size: 56px;
                    // line-height: 76px;
                    font-weight: 300;
                    line-height: 1;
                }
                .item-lable {
                    margin-top: 22px;
                    font-size: 22px;
                    // line-height: 30px;
                    line-height: 1;
                }
            }
        }
    }
    
    .contrast-chart-footer {
        display: flex;
        padding: 0 40px;
        line-height: 70px;
        background: #F8F8F8;
        border-radius: 8px;
        margin-top: 16px;
        justify-content: space-between;
        align-items: center;
        .center-line {
            display: block;
            height: 40px;
            border: 1px solid rgba(25,31,37,0.12);
        }
        .content {
            flex: 1;
            font-size: 26px;
            color: rgba(25,31,37,0.72);
            font-weight: bold;
            &.right{ 
                text-align: right;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }
            .label {
                color: rgba(25,31,37,0.56);
                margin-right: 16px;
                font-weight: 500;
            }
            .num {
                color: #191F25;
            }
            .arrow {
                width: 19px;
                height: 22px;
                display: inline-block;
                margin-right: 8px;
                img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
                &.up {
                    color: #3296FA;
                }
                &.down {
                    color: #00BBCC;
                }
            }
        }
    }
}